/** Add css rules here for your application. */


/** Example rules used by the template application (remove for your app) */
h1 {
  font-size: 20px;
  font-weight: bold;
  color: #777777;
  text-align: center;
}

.sendButton {
  display: block;
  font-size: 16pt;
}

/** Most GWT widgets already have a style name defined */
.gwt-DialogBox {
  width: 400px;
}

.unWritable {
	background-color: silver;
}

.dialogVPanel {
  margin: 5px;
}

.victoire {
    color: green;
}

.defaite {
    color: red;
}

.exempt {
    color: blue;
}

.text-black {
    color: black;
}

/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
  margin: 15px 6px 6px;
}

.gridHeader {
    text-align: center;
    color: white;
    background-color: silver;
    border-bottom: 1px;
    font-weight: bold;
}

.gridRow {
    text-align: center;
    color: black;
/**    border-bottom: 1px solid silver; **/
}

.gridRow.pair{
	background-color: #FFFFFF;;
}

.gridRow.impair{
	background-color: #F3F7FB;
}

.gridRow.selected {
    background-color: #C3D9FF;
}

.error-text-box {
	border-color: red;
}

.joueur-panel {
	left: 20px;
	top: 0px;
	width: 450px;
}

.equipes-panel {
	right:20px;
	top: 0px;
	width: 500px;
}

.demarrer-concours {
	width: 500px;
	height: 900px;
}

.equipe {
	background-color: #DDDDDD;
	left: 10px;
	color: black;
	width: 300px;
	margin: 2px 0px;
	border-radius: 5px;
	box-shadow: 5px 5px 5px #666;
}

.textBoxScore {
	width: 40px;
	left: 10px;
	margin: 0px 10px;
	border-radius: 5px;
	box-shadow: 5px 5px 5px #666;
}

.table.withShadow {
	border-radius: 5px;
	box-shadow: 0px 0px 15px #666;
}

.numeroPartie {
	position: absolute;
	top: 100px;
	left: 50px;
	font-size: 28px;
	text-shadow: 0 0 12px;
}

.gwt-Button.withMargin {
	margin: 10px;
}

/** Liste joueur Caption panel **/
fieldset {
    width: 100%;
    height: 90%;
    border: 3px;
    border-style: solid;
    border-color: #C3D9FF;
    
	border-radius: 5px;
	box-shadow: 5px 5px 5px #666;
}
